@charset "utf-8";

.pic{
    overflow: hidden;/*隐藏溢出*/
    width: 680px;
    height: 240px;


}
.pic ul li{
    float: left;
    height: 240px;
    width: 135px;
}


.pic ul .pic1{
    background-image: url(../images/ab3.jpg) ;
    background-position: center center;  /*图片居中  等比例*/
    background-repeat: no-repeat;  /*图片不平铺*/
}
.pic ul .pic2{
    background-image: url(../images/ab2.jpg) ;
    background-position: center center;
    background-repeat: no-repeat;
}
.pic ul .pic3{width: 410px;
    background-image: url(../images/ab1.jpg)  ;
    background-position: center center;
    background-repeat: no-repeat;
}


.txt{
    height: 240px;
    width: 135px;
}
.pic1 .txt{background-color: rgba(2,112,218,0.8)}
.pic2 .txt{background-color: rgba(65,159,50,0.8)}
.pic3 .txt{background-color: rgba(122,37,22,0.8)}



.txt p{
    float: left;
    color: #fff;}
.txt .p1{
    font-size: 14px;
    width: 13px;
    padding: 25px 25px 0px 55px;
}